
function buscarEventos() {
    var categoriaV = $('#categL').val();
    var fechaV = $('#datetimepicker').val();
    var tituloV = $('#tituloL').val();
    
    $.ajax({
        type: "POST",
        url: "./eventosDB.php",
        data: {
            req: "eventos",
            categoria: categoriaV,
            fecha: fechaV,
            titulo: tituloV
        },
        success: function (data) {
            var json = jQuery.parseJSON(data);
            if (json.success) {
                var div = document.getElementById("resultadoBusqueda");
                div.innerHTML = "";
                
                for (var i = 0; i < json.rowCount; i++) {
                    var article = document.createElement("article");

                    var imagen = document.createElement("a");
                    imagen.setAttribute("class", "image featured");

                    var img = document.createElement("img");
                    img.setAttribute("src", "imagen.php?id="+json.Elements[i].codigo);
                    img.setAttribute("alt", "");

                    imagen.appendChild(img);
                    article.appendChild(imagen);

                    var header = document.createElement("header");

                    var tituloEvento = document.createElement("h3");

                    var aTituloEvento = document.createElement("a");
                    aTituloEvento.setAttribute("href", "#event");
                    aTituloEvento.innerHTML = json.Elements[i].titulo;
                    
                    tituloEvento.appendChild(aTituloEvento);
                    header.appendChild(tituloEvento);
                    article.appendChild(header);
                    
                    var descripcion = document.createElement("p");
                    descripcion.setAttribute("style","margin: 0;");
                    descripcion.innerHTML="Descripción: " + json.Elements[i].descripcion;
                    article.appendChild(descripcion);
                    
                    var direccion = document.createElement("p");
                    direccion.setAttribute("style","margin: 0;");
                    direccion.innerHTML="Dirección: " + json.Elements[i].direccion;
                    article.appendChild(direccion);
                    
                    var categoria = document.createElement("p");
                    categoria.setAttribute("style","margin: 0;");
                    categoria.innerHTML="Categoría: " + json.CatElements[i].nombre;
                    article.appendChild(categoria);
                    
                    var fecha = document.createElement("p");
                    fecha.setAttribute("style","margin: 0;");
                    fecha.innerHTML="Fecha del evento: " + json.Elements[i].fecha;
                    article.appendChild(fecha);
                    
                    div.appendChild(article);
                }
            } else {
                alert("No se han encontrado eventos");
            }
        }
    });
};

function cargaDatosComboCategoría(){
    $.ajax({
        type: "POST",
        url: "./eventosDB.php",
        data: {
            req: "comboCat"
        },
        success: function (data) {
            var json = jQuery.parseJSON(data);
            if (json.success) {
                var select = document.getElementById("categL");
                for (var i = 0; i < json.rowCount; i++) {
                    select.appendChild(new Option(json.Elements[i].nombre,json.Elements[i].codigo));
                }
            } else {
                alert("No se han encontrado eventos");
            }
        }
    });
};
